
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - busca inválida</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.is(400), but actually found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">3982</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_busca-inva-lida-b5618'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['172', '516', '860', '1204', '1549', '1893', '2237', '2581', '2925', '3269', '3613', '3957', '4302', '4646', '4990', '5334', '5678', '6022', '6366', '6710', '7054', '7399', '7743', '8087', '8431', '8775', '9119', '9463', '9807', '10152', '10496', '10840', '11184', '11528', '11872', '12216', '12560', '12905', '13249', '13593', '13937', '14281', '14625', '14969', '15313', '15657', '16002', '16346', '16690', '17034', '17378', '17722', '18066', '18410', '18755', '19099', '19443', '19787', '20131', '20475', '20819', '21163', '21508', '21852', '22196', '22540', '22884', '23228', '23572', '23916', '24260', '24605', '24949', '25293', '25637', '25981', '26325', '26669', '27013', '27358', '27702', '28046', '28390', '28734', '29078', '29422', '29766', '30111', '30455', '30799', '31143', '31487', '31831', '32175', '32519', '32863', '33208', '33552', '33896', '34240'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  4.94,0.02,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  57.8,10.52,7.51,4.29,3.26,3.34,2.1,1.78,1.36,1.67,0.73,0.52,0.07,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.02
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692818971,null],[1692818972,null],[1692818973,null],[1692818974,null],[1692818975,null],[1692818976,null],[1692818977,null],[1692818978,null],[1692818979,null],[1692818980,null],[1692818981,null],[1692818982,[4,4,4,4,4,4,4,4,4,4]],[1692818983,[4,4,5,5,5,5,5,5,5,6]],[1692818984,[4,4,4,4,4,4,4,4,4,5]],[1692818985,[5,6,7,8,8,8,8,8,8,9]],[1692818986,[3,3,4,4,4,4,4,4,4,5]],[1692818987,[5,5,5,5,5,5,5,5,5,6]],[1692818988,[4,4,5,5,5,5,5,5,5,6]],[1692818989,[3,3,3,3,3,3,3,3,3,4]],[1692818990,[4,4,4,4,4,4,4,4,4,4]],[1692818991,[3,3,3,3,3,3,3,3,3,4]],[1692818992,[4,4,4,4,4,4,4,4,4,4]],[1692818993,[3,3,3,3,3,3,3,3,3,4]],[1692818994,[4,5,6,7,7,7,7,7,7,8]],[1692818995,[5,5,5,5,5,5,5,5,5,6]],[1692818996,[3,3,4,6,7,7,8,9,9,10]],[1692818997,[3,4,4,4,4,4,5,6,6,7]],[1692818998,[3,3,4,4,4,5,7,9,10,11]],[1692818999,[3,3,4,4,4,4,5,5,5,6]],[1692819000,[3,4,4,6,6,8,13,18,22,24]],[1692819001,[3,4,6,16,20,25,29,33,36,37]],[1692819002,[4,8,13,46,56,68,87,104,119,123]],[1692819003,[3,4,4,4,4,4,27,53,74,80]],[1692819004,[3,4,5,5,5,17,52,87,115,123]],[1692819005,[5,5,5,9,10,11,12,13,13,14]],[1692819006,[4,4,37,88,95,102,151,208,254,266]],[1692819007,[3,5,6,8,8,8,14,20,25,27]],[1692819008,[4,4,70,257,257,257,293,334,366,375]],[1692819009,[2,3,4,4,4,4,5,6,7,8]],[1692819010,[2,3,4,6,11,16,23,33,41,43]],[1692819011,[2,3,4,6,6,7,8,9,10,11]],[1692819012,[3,3,4,18,23,28,36,45,54,56]],[1692819013,[2,2,3,5,5,5,22,53,79,86]],[1692819014,[3,3,4,52,54,56,68,116,155,165]],[1692819015,[3,4,7,54,55,56,75,113,143,151]],[1692819016,[2,4,53,127,152,156,159,161,162,163]],[1692819017,[2,3,4,41,53,54,55,56,56,57]],[1692819018,[2,3,4,18,35,52,88,127,158,166]],[1692819019,null],[1692819020,null],[1692819021,null],[1692819022,null],[1692819023,null],[1692819024,null],[1692819025,null],[1692819026,null],[1692819027,null],[1692819028,null],[1692819029,null],[1692819030,null],[1692819031,null],[1692819032,null],[1692819033,null],[1692819034,null],[1692819035,null],[1692819036,null],[1692819037,null],[1692819038,null],[1692819039,null],[1692819040,null],[1692819041,null],[1692819042,null],[1692819043,null],[1692819044,null],[1692819045,null],[1692819046,null],[1692819047,null],[1692819048,null],[1692819049,null],[1692819050,null],[1692819051,null],[1692819052,null],[1692819053,null],[1692819054,null],[1692819055,null],[1692819056,null],[1692819057,null],[1692819058,null],[1692819059,null],[1692819060,null],[1692819061,null],[1692819062,null],[1692819063,null],[1692819064,null],[1692819065,null],[1692819066,null],[1692819067,null],[1692819068,null],[1692819069,null],[1692819070,null],[1692819071,null],[1692819072,null],[1692819073,null],[1692819074,null],[1692819075,null],[1692819076,null],[1692819077,null],[1692819078,null],[1692819079,null],[1692819080,null],[1692819081,null],[1692819082,null],[1692819083,null],[1692819084,null],[1692819085,null],[1692819086,null],[1692819087,null],[1692819088,null],[1692819089,null],[1692819090,null],[1692819091,null],[1692819092,null],[1692819093,null],[1692819094,null],[1692819095,null],[1692819096,null],[1692819097,null],[1692819098,null],[1692819099,null],[1692819100,null],[1692819101,null],[1692819102,null],[1692819103,null],[1692819104,null],[1692819105,null],[1692819106,null],[1692819107,null],[1692819108,null],[1692819109,null],[1692819110,null],[1692819111,null],[1692819112,null],[1692819113,null],[1692819114,null],[1692819115,null],[1692819116,null],[1692819117,null],[1692819118,null],[1692819119,null],[1692819120,null],[1692819121,null],[1692819122,null],[1692819123,null],[1692819124,null],[1692819125,null],[1692819126,null],[1692819127,null],[1692819128,null],[1692819129,null],[1692819130,null],[1692819131,null],[1692819132,null],[1692819133,null],[1692819134,null],[1692819135,null],[1692819136,null],[1692819137,null],[1692819138,null],[1692819139,null],[1692819140,null],[1692819141,null],[1692819142,null],[1692819143,null],[1692819144,null],[1692819145,null],[1692819146,null],[1692819147,null],[1692819148,null],[1692819149,null],[1692819150,null],[1692819151,null],[1692819152,null],[1692819153,null],[1692819154,null],[1692819155,null],[1692819156,null],[1692819157,null],[1692819158,null],[1692819159,null],[1692819160,null],[1692819161,null],[1692819162,null],[1692819163,null],[1692819164,null],[1692819165,null],[1692819166,null],[1692819167,null],[1692819168,null],[1692819169,null],[1692819170,null],[1692819171,null],[1692819172,null],[1692819173,null],[1692819174,null],[1692819175,null],[1692819176,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692818971,[2,0,2]],[1692818972,[2,0,2]],[1692818973,[2,0,2]],[1692818974,[2,0,2]],[1692818975,[2,0,2]],[1692818976,[2,0,2]],[1692818977,[2,0,2]],[1692818978,[2,0,2]],[1692818979,[2,0,2]],[1692818980,[2,0,2]],[1692818981,[2,0,2]],[1692818982,[2,1,1]],[1692818983,[2,2,0]],[1692818984,[2,2,0]],[1692818985,[2,2,0]],[1692818986,[2,2,0]],[1692818987,[2,2,0]],[1692818988,[2,2,0]],[1692818989,[2,2,0]],[1692818990,[2,2,0]],[1692818991,[2,2,0]],[1692818992,[2,2,0]],[1692818993,[2,2,0]],[1692818994,[2,2,0]],[1692818995,[2,2,0]],[1692818996,[4,4,0]],[1692818997,[6,6,0]],[1692818998,[6,6,0]],[1692818999,[6,6,0]],[1692819000,[7,7,0]],[1692819001,[7,7,0]],[1692819002,[7,7,0]],[1692819003,[8,8,0]],[1692819004,[7,7,0]],[1692819005,[8,8,0]],[1692819006,[8,8,0]],[1692819007,[8,8,0]],[1692819008,[8,8,0]],[1692819009,[8,8,0]],[1692819010,[9,9,0]],[1692819011,[9,9,0]],[1692819012,[9,9,0]],[1692819013,[9,9,0]],[1692819014,[10,10,0]],[1692819015,[9,9,0]],[1692819016,[10,10,0]],[1692819017,[10,10,0]],[1692819018,[10,8,2]],[1692819019,[10,0,10]],[1692819020,[11,0,11]],[1692819021,[11,0,11]],[1692819022,[10,0,10]],[1692819023,[12,0,12]],[1692819024,[11,0,11]],[1692819025,[12,0,12]],[1692819026,[11,0,11]],[1692819027,[12,0,12]],[1692819028,[12,0,12]],[1692819029,[13,0,13]],[1692819030,[12,0,12]],[1692819031,[13,0,13]],[1692819032,[13,0,13]],[1692819033,[13,0,13]],[1692819034,[13,0,13]],[1692819035,[13,0,13]],[1692819036,[14,0,14]],[1692819037,[13,0,13]],[1692819038,[14,0,14]],[1692819039,[14,0,14]],[1692819040,[15,0,15]],[1692819041,[14,0,14]],[1692819042,[15,0,15]],[1692819043,[15,0,15]],[1692819044,[15,0,15]],[1692819045,[15,0,15]],[1692819046,[16,0,16]],[1692819047,[15,0,15]],[1692819048,[16,0,16]],[1692819049,[16,0,16]],[1692819050,[16,0,16]],[1692819051,[17,0,17]],[1692819052,[16,0,16]],[1692819053,[17,0,17]],[1692819054,[17,0,17]],[1692819055,[17,0,17]],[1692819056,[18,0,18]],[1692819057,[17,0,17]],[1692819058,[18,0,18]],[1692819059,[17,0,17]],[1692819060,[19,0,19]],[1692819061,[18,0,18]],[1692819062,[18,0,18]],[1692819063,[19,0,19]],[1692819064,[19,0,19]],[1692819065,[19,0,19]],[1692819066,[19,0,19]],[1692819067,[20,0,20]],[1692819068,[19,0,19]],[1692819069,[20,0,20]],[1692819070,[20,0,20]],[1692819071,[20,0,20]],[1692819072,[20,0,20]],[1692819073,[21,0,21]],[1692819074,[21,0,21]],[1692819075,[21,0,21]],[1692819076,[21,0,21]],[1692819077,[21,0,21]],[1692819078,[22,0,22]],[1692819079,[21,0,21]],[1692819080,[22,0,22]],[1692819081,[22,0,22]],[1692819082,[22,0,22]],[1692819083,[23,0,23]],[1692819084,[23,0,23]],[1692819085,[23,0,23]],[1692819086,[23,0,23]],[1692819087,[23,0,23]],[1692819088,[23,0,23]],[1692819089,[24,0,24]],[1692819090,[24,0,24]],[1692819091,[24,0,24]],[1692819092,[24,0,24]],[1692819093,[24,0,24]],[1692819094,[25,0,25]],[1692819095,[24,0,24]],[1692819096,[25,0,25]],[1692819097,[25,0,25]],[1692819098,[25,0,25]],[1692819099,[26,0,26]],[1692819100,[26,0,26]],[1692819101,[26,0,26]],[1692819102,[26,0,26]],[1692819103,[26,0,26]],[1692819104,[26,0,26]],[1692819105,[27,0,27]],[1692819106,[26,0,26]],[1692819107,[27,0,27]],[1692819108,[27,0,27]],[1692819109,[28,0,28]],[1692819110,[28,0,28]],[1692819111,[27,0,27]],[1692819112,[28,0,28]],[1692819113,[28,0,28]],[1692819114,[29,0,29]],[1692819115,[28,0,28]],[1692819116,[29,0,29]],[1692819117,[28,0,28]],[1692819118,[29,0,29]],[1692819119,[30,0,30]],[1692819120,[29,0,29]],[1692819121,[30,0,30]],[1692819122,[29,0,29]],[1692819123,[31,0,31]],[1692819124,[30,0,30]],[1692819125,[30,0,30]],[1692819126,[31,0,31]],[1692819127,[30,0,30]],[1692819128,[31,0,31]],[1692819129,[31,0,31]],[1692819130,[32,0,32]],[1692819131,[31,0,31]],[1692819132,[32,0,32]],[1692819133,[32,0,32]],[1692819134,[32,0,32]],[1692819135,[32,0,32]],[1692819136,[33,0,33]],[1692819137,[32,0,32]],[1692819138,[33,0,33]],[1692819139,[33,0,33]],[1692819140,[33,0,33]],[1692819141,[34,0,34]],[1692819142,[33,0,33]],[1692819143,[34,0,34]],[1692819144,[34,0,34]],[1692819145,[35,0,35]],[1692819146,[34,0,34]],[1692819147,[35,0,35]],[1692819148,[34,0,34]],[1692819149,[35,0,35]],[1692819150,[35,0,35]],[1692819151,[36,0,36]],[1692819152,[35,0,35]],[1692819153,[35,0,35]],[1692819154,[36,0,36]],[1692819155,[36,0,36]],[1692819156,[37,0,37]],[1692819157,[36,0,36]],[1692819158,[36,0,36]],[1692819159,[38,0,38]],[1692819160,[37,0,37]],[1692819161,[37,0,37]],[1692819162,[37,0,37]],[1692819163,[37,0,37]],[1692819164,[38,0,38]],[1692819165,[38,0,38]],[1692819166,[38,0,38]],[1692819167,[39,0,39]],[1692819168,[38,0,38]],[1692819169,[39,0,39]],[1692819170,[39,0,39]],[1692819171,[39,0,39]],[1692819172,[39,0,39]],[1692819173,[39,0,39]],[1692819174,[40,0,40]],[1692819175,[40,0,40]],[1692819176,[18,0,18]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692818971,[2,0,2]],[1692818972,[2,0,2]],[1692818973,[2,0,2]],[1692818974,[2,0,2]],[1692818975,[2,0,2]],[1692818976,[2,0,2]],[1692818977,[2,0,2]],[1692818978,[2,0,2]],[1692818979,[2,0,2]],[1692818980,[2,0,2]],[1692818981,[2,0,2]],[1692818982,[2,1,1]],[1692818983,[2,2,0]],[1692818984,[2,2,0]],[1692818985,[2,2,0]],[1692818986,[2,2,0]],[1692818987,[2,2,0]],[1692818988,[2,2,0]],[1692818989,[2,2,0]],[1692818990,[2,2,0]],[1692818991,[2,2,0]],[1692818992,[2,2,0]],[1692818993,[2,2,0]],[1692818994,[2,2,0]],[1692818995,[2,2,0]],[1692818996,[4,4,0]],[1692818997,[6,6,0]],[1692818998,[6,6,0]],[1692818999,[6,6,0]],[1692819000,[7,7,0]],[1692819001,[7,7,0]],[1692819002,[6,6,0]],[1692819003,[9,9,0]],[1692819004,[6,6,0]],[1692819005,[9,9,0]],[1692819006,[7,7,0]],[1692819007,[9,9,0]],[1692819008,[6,6,0]],[1692819009,[10,10,0]],[1692819010,[9,9,0]],[1692819011,[9,9,0]],[1692819012,[9,9,0]],[1692819013,[9,9,0]],[1692819014,[9,9,0]],[1692819015,[10,10,0]],[1692819016,[9,9,0]],[1692819017,[11,11,0]],[1692819018,[8,8,0]],[1692819019,[12,0,12]],[1692819020,[11,0,11]],[1692819021,[11,0,11]],[1692819022,[10,0,10]],[1692819023,[12,0,12]],[1692819024,[11,0,11]],[1692819025,[12,0,12]],[1692819026,[11,0,11]],[1692819027,[12,0,12]],[1692819028,[12,0,12]],[1692819029,[13,0,13]],[1692819030,[12,0,12]],[1692819031,[13,0,13]],[1692819032,[13,0,13]],[1692819033,[13,0,13]],[1692819034,[13,0,13]],[1692819035,[13,0,13]],[1692819036,[14,0,14]],[1692819037,[13,0,13]],[1692819038,[14,0,14]],[1692819039,[14,0,14]],[1692819040,[14,0,14]],[1692819041,[14,0,14]],[1692819042,[15,0,15]],[1692819043,[15,0,15]],[1692819044,[15,0,15]],[1692819045,[15,0,15]],[1692819046,[16,0,16]],[1692819047,[15,0,15]],[1692819048,[16,0,16]],[1692819049,[16,0,16]],[1692819050,[16,0,16]],[1692819051,[17,0,17]],[1692819052,[16,0,16]],[1692819053,[17,0,17]],[1692819054,[17,0,17]],[1692819055,[17,0,17]],[1692819056,[18,0,18]],[1692819057,[17,0,17]],[1692819058,[18,0,18]],[1692819059,[17,0,17]],[1692819060,[19,0,19]],[1692819061,[18,0,18]],[1692819062,[18,0,18]],[1692819063,[19,0,19]],[1692819064,[19,0,19]],[1692819065,[19,0,19]],[1692819066,[19,0,19]],[1692819067,[20,0,20]],[1692819068,[19,0,19]],[1692819069,[20,0,20]],[1692819070,[20,0,20]],[1692819071,[20,0,20]],[1692819072,[20,0,20]],[1692819073,[21,0,21]],[1692819074,[22,0,22]],[1692819075,[21,0,21]],[1692819076,[21,0,21]],[1692819077,[21,0,21]],[1692819078,[22,0,22]],[1692819079,[21,0,21]],[1692819080,[22,0,22]],[1692819081,[22,0,22]],[1692819082,[22,0,22]],[1692819083,[23,0,23]],[1692819084,[23,0,23]],[1692819085,[23,0,23]],[1692819086,[23,0,23]],[1692819087,[23,0,23]],[1692819088,[23,0,23]],[1692819089,[23,0,23]],[1692819090,[24,0,24]],[1692819091,[24,0,24]],[1692819092,[24,0,24]],[1692819093,[25,0,25]],[1692819094,[24,0,24]],[1692819095,[25,0,25]],[1692819096,[22,0,22]],[1692819097,[28,0,28]],[1692819098,[25,0,25]],[1692819099,[26,0,26]],[1692819100,[21,0,21]],[1692819101,[31,0,31]],[1692819102,[25,0,25]],[1692819103,[27,0,27]],[1692819104,[24,0,24]],[1692819105,[29,0,29]],[1692819106,[26,0,26]],[1692819107,[27,0,27]],[1692819108,[26,0,26]],[1692819109,[29,0,29]],[1692819110,[22,0,22]],[1692819111,[27,0,27]],[1692819112,[33,0,33]],[1692819113,[29,0,29]],[1692819114,[27,0,27]],[1692819115,[22,0,22]],[1692819116,[36,0,36]],[1692819117,[29,0,29]],[1692819118,[28,0,28]],[1692819119,[29,0,29]],[1692819120,[30,0,30]],[1692819121,[27,0,27]],[1692819122,[31,0,31]],[1692819123,[4,0,4]],[1692819124,[45,0,45]],[1692819125,[15,0,15]],[1692819126,[55,0,55]],[1692819127,[13,0,13]],[1692819128,[48,0,48]],[1692819129,[18,0,18]],[1692819130,[50,0,50]],[1692819131,[22,0,22]],[1692819132,[41,0,41]],[1692819133,[20,0,20]],[1692819134,[44,0,44]],[1692819135,[13,0,13]],[1692819136,[52,0,52]],[1692819137,[14,0,14]],[1692819138,[50,0,50]],[1692819139,[10,0,10]],[1692819140,[32,0,32]],[1692819141,[21,0,21]],[1692819142,[36,0,36]],[1692819143,[2,0,2]],[1692819144,[42,0,42]],[1692819145,[27,0,27]],[1692819146,[4,0,4]],[1692819147,[16,0,16]],[1692819148,[38,0,38]],[1692819149,[33,0,33]],[1692819150,[70,0,70]],[1692819151,[24,0,24]],[1692819152,[49,0,49]],[1692819153,[0,0,0]],[1692819154,[80,0,80]],[1692819155,[37,0,37]],[1692819156,[52,0,52]],[1692819157,[9,0,9]],[1692819158,[61,0,61]],[1692819159,[55,0,55]],[1692819160,[44,0,44]],[1692819161,[48,0,48]],[1692819162,[14,0,14]],[1692819163,[51,0,51]],[1692819164,[44,0,44]],[1692819165,[46,0,46]],[1692819166,[24,0,24]],[1692819167,[44,0,44]],[1692819168,[27,0,27]],[1692819169,[47,0,47]],[1692819170,[21,0,21]],[1692819171,[47,0,47]],[1692819172,[35,0,35]],[1692819173,[50,0,50]],[1692819174,[5,0,5]],[1692819175,[49,0,49]],[1692819176,[73,0,73]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 208.0, color: '#68b65c'},{name: 'KO', y: 3982.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[7,8],[7,4],[8,4],[9,4],[9,3],[9,3],[9,7],[9,5],[10,4],[10,5],[10,5],[10,3],[12,4],[14,9],[16,5],[21,6],[26,9],[30,5],[35,18],[38,33],[41,104],[47,53],[50,87],[55,13],[58,208],[62,20],[67,334],[70,6],[75,33],[77,9],[83,45],[86,53],[91,116],[94,113],[99,161],[102,56],[106,127]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[4,4],[6,10],[6,3],[6,3],[6,5],[6,7],[6,3],[6,3],[6,3],[6,3],[6,3],[10,4],[106,367],[110,125],[116,2],[118,3],[121,2],[127,2],[131,3],[135,12],[138,2],[142,2],[147,2],[151,2],[155,8],[158,2],[163,2],[167,14],[171,5],[174,2],[178,3],[182,2],[187,2],[190,3],[196,10325],[198,3],[203,2],[206,2],[211,3],[215,1],[219,3],[222,2],[227,2],[231,2],[235,1],[239,1],[242,2],[247,2],[251,2],[255,2],[260,1],[261,7],[268,2],[270,2],[275,1],[278,13],[284,5],[287,2],[290,15],[296,3],[299,18],[303,2],[306,1],[311,1],[315,1],[320,1],[323,2],[327,1],[331,5],[336,2],[336,761],[339,2],[342,2],[346,2],[352,1],[356,70],[358,14],[363,34],[368,10],[372,12],[375,9],[379,31],[383,8],[387,18],[391,9],[395,70],[400,11],[403,12],[407,8],[412,10],[415,9],[419,125],[423,208],[426,17],[433,10],[435,244],[436,170],[446,25],[448,19],[452,74],[455,103],[459,13],[463,126],[467,63],[472,286],[476,541],[478,650],[484,77],[488,26],[491,54],[496,646],[500,61],[503,35],[507,25],[513,142],[514,15],[518,85],[521,207],[532,978],[532,1166],[535,920],[540,600],[542,846],[548,273],[553,633],[556,264],[559,450],[563,220],[568,661],[568,748],[572,280],[582,789],[588,389],[589,418],[592,1393],[596,1515],[599,1471],[604,2385],[609,2667],[611,3797],[617,3998],[620,3853],[623,3404],[626,3841],[627,3322],[632,3397],[643,2599],[648,2402],[651,3321],[652,1979],[656,3138],[660,1616],[661,2262],[663,1989],[676,1207],[680,1253],[681,1454],[683,1298],[687,989],[693,705],[696,698],[700,1230],[704,1186],[708,3886],[712,966],[717,1265],[721,1510],[723,1253],[727,1972],[733,1785],[737,1099]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
